iT邦幫忙

2021 iThome 鐵人賽

DAY 19
0
自我挑戰組

轉職軟體工程師的543系列 第 19

【Day 19】JavaScript 宣告和變數

  • 分享至 

  • xImage
  •  

何謂JavaScript?

根據MND定義,JavaScript 是一種腳本,也能稱它為程式語言,可以讓你在網頁中實現出複雜的功能。讓網頁不只呈現靜態的內容,更可以提供像是:內容即時更新、地圖交動、繪製 2D/3D 圖形,影片播放控制……等。
一般在建立網頁,第一層是 HTML ,第二層是 CSS , JavaScript 是標準網頁技術蛋糕的第三層。

  • HTML 是一種標記語言,我們使用它組織網頁裡的內容並給予定義, 例如:定義段落、標題、資料表格,或是在頁面嵌入圖片和影片。.
  • CSS 是一種樣式規則的語言,用來幫我們的 HTML 內容上套用樣式,例如:設置背景顏色、字型,或讓內容以多欄的方式呈現。
  • JavaScript 是一種腳本語言,它使你能夠動態的更新內容、控制多媒體、動畫……幾乎所有事。(好吧,不是所有事情,但神奇的是你可以通過短短幾行 JavaScript 程式碼實現。)

JavaScript腳本語言特色:
1.直譯式或即時編譯的程式語言。
2.區分大小寫並使用 Unicode 編碼。
3.JavaScript 支援不需任何特殊宣告的函式。
4.JavaScript 擁有一個基於原型的物件模型(prototype-based object model)。
5.使用建構函數來定義物件的屬性及初始值,所有的 JavaScript 函數都可以作為建構函數。
6.基於原型的物件模型提供動態繼承(dynamic inheritance)的功能,意即被繼承的物件可以根據個別的物件而改變。
7.

JavaScript 不是 Java

雖然 "Java" 和 "JavaScript" 都是 Oracle 公司在美國和其他國家的商標或註冊商標,但兩個語言有著非常不同的語法、語意和用途。
JavaScript 程式設計語言由 Netscape, Inc. 開發,並非 Java 平台的一部分。
JavaScript 並不會建立 Applet 或獨立應用程式。JavaScript 最常見的形式是位於 HTML 文件內,且可提供單靠 HTML 無法達到的網頁互動

  • Java 和 JavaScript 之間的主要差異:
  • Java 是 OOP 程式語言,Java Script 則是 OOP 描述語言。
  • Java 建立的應用程式可在虛擬機器或瀏覽器中執行,JavaScript 程式碼則只能在瀏覽器上執行。
  • Java 程式碼必須加以編譯,JavaScript 則全為文字。
    其所需的外掛程式亦不同。

註解(Comments)方式:

單行註解 //
多行註解 /* */
例如:

// a one line comment

/* this is a longer,
   multi-line comment
 */

/* You can't, however, /* nest comments */ SyntaxError */

JavaScript有三種宣告方式:

var
宣告一個可隨意更改其內容的變數
let
宣告一個可隨意更改其內容的區塊區域變數
const
宣告一個只可讀取的不可變常數

變數(Variables)

在 JavaScript 中,變數必須使用字母(letter)、下底線( _)、錢號($)作為開頭;後面的字員組成可以包含數字(0-9)。JavaScript 是區分大小寫(case secsitive)的,大寫字母('A' ~ 'Z')和小寫字母('a' ~ 'z')皆可使用且不相等。

可以透過三種方式來定義變數:

  • 透過保留字 var 來定義變數,舉例來說: var x = 42,這種方式可以用來定義區域以及全域變數。
  • 直接指定一個值給該變數,例如:x = 42,這種方式只能定義全域變數,如果在方法外面使用該方法定義變數,嚴格模式裡會產生警告,該定義方式應該盡可能避免。
  • 透過保留字 let,舉例來說:let y = 13,let 可以用來定義區塊裡的區域變數。

上一篇
【Day 18】jQuery DOM
下一篇
【Day 20】JavaScript 流程控制與例外處理
系列文
轉職軟體工程師的54330
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言